<?
session_start();

$email=$_REQUEST["email"];
$inicio=$_REQUEST["inicio"];
$dni=$_REQUEST["dni"];

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chat Sexshop Perú</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004b00;
	font-weight: bold;
}
body {
	background-color: #fcf6e8;
	background-image: url(imagenes/fondo_cliente.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.nombreVendedora {
	font-size: 11px;
	color: #603913;
}
.nombreCliente {
	color: #790000;
	font-weight: bold;
}
-->
</style><script language="javascript">
var xmlhttp,alerted
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
// JScript gives us Conditional compilation, we can cope with old IE versions.
try {
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
xmlhttp2=new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP")
}
@else
alert("Debe tener JScript version 5 o superior.")
xmlhttp=false
alerted=true
@end @*/
if (!xmlhttp && !alerted) {
try {
xmlhttp = new XMLHttpRequest();
xmlhttp2 = new XMLHttpRequest();
} catch (e) {
alert("usar version mas moderna de navegador")
}
}

function enviar_mensaje() {
mensaje=document.getElementById("mensaje").value.replace("\n","");
document.getElementById("mensaje").value="";
if (xmlhttp) {
	xmlhttp.open("GET", "mensaje.php?mensaje="+mensaje+"&dni=<?=$dni?>&email=<?=$email?>&inicio=<?=$inicio?>&emisor=vendedor",true);
	xmlhttp.onreadystatechange=function() {
	 if (xmlhttp.readyState==4) {
		 document.getElementById("chat").innerHTML+='<div style="background:url(imagenes/bullet_vendedor.jpg) no-repeat 0 50%; padding-left:40px; height:45px">'+mensaje+'</div>';
		 document.getElementById("chat").scrollTop=document.getElementById("chat").scrollHeight;
	 }
	}
xmlhttp.send(null);
}
}

function refresh() {
clearTimeout(timerID);
timerID=setTimeout('refresh()',1000);
if (xmlhttp) {
	xmlhttp.open("GET", "r_mensaje.php?mensaje="+mensaje+"&dni=<?=$dni?>&email=<?=$email?>&inicio=<?=$inicio?>&emisor=cliente",true);
	xmlhttp.onreadystatechange=function() {
	if (xmlhttp.readyState==4) {
		if (xmlhttp.responseText!="") {
		 document.getElementById("chat").innerHTML+='<div style="background:url(imagenes/bullet_cliente.jpg) no-repeat 0 50%; padding-left:40px; height:45px">'+xmlhttp.responseText+'</div>';
		 document.getElementById("chat").scrollTop=document.getElementById("chat").scrollHeight;
		}
	 }
	}
xmlhttp.send(null);
}
}
</script></head>
<body onload="timerID=setTimeout('refresh()',2000);">
<table width="530" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="16" height="18">&nbsp;</td>
    <td width="88">&nbsp;</td>
    <td width="45">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td width="27">&nbsp;</td>
  </tr>
  <tr>
    <td rowspan="3">&nbsp;</td>
    <td rowspan="3"><div align="center"><img src="imagenes/logo.jpg" alt="Sexshop Peru" width="83" height="297" /></div></td>
    <td rowspan="3">&nbsp;</td>
    <td height="239" colspan="2" valign="top"><div id="chat" style="overflow:auto; height:240px">
      <div style="background:url(imagenes/bullet_cliente.jpg) no-repeat 0 50%; padding-left:40px; height:45px; color:#e01e30">El cliente quiere comunicarse contigo...</div>
      </div>    </td>
    <td rowspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="30" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="261" height="30"><img src="imagenes/spacer.gif" width="260" height="1" /><br /><strong>INGRESE EN ESTE LUGAR LA RESPUESTA:
    </strong></td>
    <td width="93" rowspan="2" valign="top"><div align="center"><img src="imagenes/producto01.jpg" alt="producto01" width="89" height="89" vspace="5" align="right" style="border: #000 2px solid" /></div></td>
  </tr>
  <tr>
    <td height="92">&nbsp;</td>
    <td><div align="center"><img style="border: #000 2px solid" src="imagenes/vendedora.jpg" alt="<?=$_GET["sobrenombre_vendedor"] ?>" width="80" height="88" /></div></td>
    <td>&nbsp;</td>
    <td valign="top"><textarea name="mensaje" id="mensaje" onkeyup="javascript:if (event.keyCode==13) enviar_mensaje()" cols="45" rows="3" style="border:none;background-color:#fcf6e8;width:250px; height:70px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#006633"></textarea>
    </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><div align="center" class="nombreVendedora">Foto para<br />mostrar
    <b><?=$sobrenombre_vendedor ?></b></div></td>
    <td>&nbsp;</td>
    <td colspan="2" style="padding-left:50px"><a href="javascript:return false;" onclick="javascript:enviar_mensaje()"><img id="boton_enviar" src="imagenes/enviar.jpg" width="134" height="25" align="right" border="0" onmouseover="javascript:this.src='imagenes/enviar_on.jpg'" onmouseout="javascript:this.src='imagenes/enviar.jpg'" /></a><span class="nombreCliente">Lima, <?=$_SESSION["nombre"]?></span></td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
